<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/img/shortcut icon.ico">

<title>个人简历</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">

<script src="assets/js/statistics.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="assets/js/html5shiv.js"></script>
  <script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>

<body>


<div class="container">
	<div class="col-lg-6 col-lg-offset-3">
	
		<!-- ===== vCard Navigation ===== -->
		<div class="row w">
			<div class="col-md-4">
				<img class="img-responsive" src="assets/img/zjq.jpg" alt="">
				<ul class="nav nav-tabs nav-stacked" id="myTab">
					<li class="active"><a href="#基本信息">基本信息</a></li>
					<li><a href="#专业技能">专业技能</a></li>
					<li><a href="#已修读课程">已修读课程</a></li>
				  <li><a href="#有关作品">有关作品</a></li>
				</ul>    			
			</div><!-- col-md-4 -->

		<!-- ===== vCard Content ===== -->
			<div class="col-md-8">
				<div class="tab-content">
				<!-- ===== First Tab ===== -->
				  <div class="tab-pane active" id="基本信息">
					<h3>张吉祺</h3>
					<h5>东校区 数据科学与计算机学院软件工程 大二</h5>
					<hr>
					<h4>微信号<span style="font-size: 14px;">(手机号)</span><span style="font-size: 16px;margin-left: 40px;">18680135527</span></h4>	
					<hr>
					<h4>QQ<span style="font-size: 16px;margin-left: 117px;">870949712</span></h4>	
					<hr>
					<h4>电子邮箱<span style="font-size: 16px;margin-left: 75px;">18680135527@163.com</span></h4>	
				  </div><!-- Tab Profile -->

				<!-- ===== Second Tab ===== -->
				  <div class="tab-pane" id="专业技能">
					<h3>关于WEB</h3>
					<hr>
					<h4>目前会的</h4>
					<p>初级的前端操作</p>
					<hr>
					<h4>正在学的</h4>
					<p>Node.js后端, 接触一点Hadoop</p>
					<hr>
				  </div><!-- Tab Profile -->

				<!-- ===== Second Tab ===== -->
				  <div class="tab-pane" id="已修读课程">
					<h3>已修读课程</h3>
					<hr>
					<h4></h4>
					<p>C, C++程序设计</p>
				  </div><!-- Tab Profile -->

				<!-- ===== Second Tab ===== -->
				  <div class="tab-pane" id="有关作品">
					<h3>追求简洁优美的代码</h3>
					<hr>
					<h4><a href="index.html" target="_blank">Click Me!</a></h4>
				  </div><!-- Tab Profile -->

					  </div><!-- row -->
				  </div><!-- Tab Contact -->
				  
				</div><!-- Tab Content -->
			</div><!-- col-md-8 -->
		</div><!-- row w -->
	</div><!-- col-lg-6 -->
</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script>
$('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})	
</script>    

</body>
</html>